<script setup lang="ts">

</script>

<template>
  <!-- 底部菜单部分 -->
  <ul class="bg-#fff w-full h-8% flex justify-around items-center border-t-#DDD b-1px fixed">
    <li onclick="location.href='/main'" class=" flex-col justify-center items-center color-#999">
      <i class="fa fa-home " ></i>
      <p class="text-2.8vw">首页</p>
    </li>
    <li class=" flex-col justify-center items-center color-#999">
      <i class="fa fa-compass"></i>
      <p class="text-2.8vw">发现</p>
    </li>
    <li onclick="location.href='/orderList'" class=" flex-col justify-center items-center color-#999">
      <i class="fa fa-file-text-o"></i>
      <p class="text-2.8vw">订单</p>
    </li>
    <li class=" flex-col justify-center items-center color-#999">
      <i class="fa fa-user-o"></i>
      <p class="text-2.8vw">我的</p>
    </li>
  </ul>
</template>

<style scoped>

</style>